/*背景图*/

.a_background {
    width: 100%;
    height: 100%;
    position: absolute;
}

.a_background_top{
    width: 100%;
    height: 71.6%;
    background-image: url("../images/background/a_background_top.png");
    background-size: 100% 100%;
}


.a_background_middle{
    width: 100%;
    height: 13.1%;
    background-image: url("../images/background/a_background_middle.png");
    background-size: 100% 100%;
}

.a_background_botton{
    width: 100%;
    height: 15.3%;
    background-image: url("../images/background/a_background_bottom.png");
    background-size: 100% 100%;
}
#sun{
	background: url("../images/sun.png");
	background-size: 100%;
	position: absolute;
	z-index: 10;
	top: -30px;
	width: 201px;
	height: 201px;
	right: 40%;
}
.rotation{
	-webkit-animation-name: rotation;
	/*transition-duration:300;   不可以 */
	-webkit-animation-duration: 30s;
	-moz-animation-name: rotation;
	-moz-animation-duration: 30s;
}
@-webkit-keyframes rotation {
	0%{
		transform:translateX(0) translateY(0);
	}
	100%{
		transform:translateX(-2000px) translateY(400px);
	}
}
@-moz-keyframes rotation {
	0% {
		transform: translateX(0) translateY(0);
	}
	100% {
		transform: translateX(-2000px) translateY(400px);
	}
}

.cloud {
	z-index: 2;
	position: absolute;
}

.cloud1 {
	width: 181px;
	height: 101px;
	left: -5%;
	top: 15%;
	background: url("../images/cloud1.png");
	background-size: 100%;
}


.cloud2 {
	width: 301px;
	height: 140px;
	right: -5%;
	background: url("../images/cloud2.png");
	background-size: 100%;
}

.cloud1Anim{
	-webkit-animation-name: smallCloud;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration: infinite;
	-moz-animation-name: smallCloud;
	-moz-animation-duration: 30s;
	-moz-animation-iteration: infinite;
}

.cloud2Anim{
	-webkit-animation-name: largeCloud;
	-webkit-animation-duration: 40s;
	-webkit-animation-iteration: infinite;
	-moz-animation-name: largeCloud;
	-moz-animation-duration: 40s;
	-moz-animation-iteration: infinite;
}

@-webkit-keyframes smallCloud {
	0% {
		left: -5%;
	}
	100% {
		left: 100%;
	}
}

@-moz-keyframes smallCloud {
	0% {
		left: -5%;
	}
	100% {
		left: 100%;
	}
}

@-webkit-keyframes largeCloud {
	0% {
		right: -5%;
	}
	100% {
		right: 100%;
	}
}

@-moz-keyframes largeCloud {
	0% {
		right: -5%;
	}
	100% {
		right: 100%;
	}
}